// pages/prod-classify/prod-classify.js
var http = require('../../utils/http.js');
const deviceInfo = wx.getDeviceInfo();
const isAndroid = deviceInfo.platform === 'android';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    sts: 0,
    prodList: [],
    title: "",
    current: 1,
    size: 10,
    pages: 0,
    tagid: 0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {   
    this.setData({
      current: 1,
      pages: 0,
      tagid: options.tagid,
      title: options.title ? options.title : ""
    });
    wx.setNavigationBarTitle({
      title: this.data.title,
    })
    console.log("当前系统"+deviceInfo.platform);
    this.loadProdData(options);
  },

  /**
   * 加载商品数据
   */
  loadProdData: function(options) {   
      this.getProdList(this.data.tagid)    
  }, 
  
  getProdList(categoryId) {
    //加载分类商品列表
    var ths = this;
    wx.showLoading();
    var params = {
      url: "/prod/pageProd",
      method: "GET",
      data: {
        categoryId: ths.data.tagid,
        current: ths.data.current,
        size: ths.data.size
      },
      callBack: (res) => {
        let list = []
        if (res.current == 1) {
          list = res.records
        } else {
          list = ths.data.prodList.concat(res.records)
        }
        this.setData({
          prodList: list,
          pages: res.pages
        });
        if (isAndroid && ths.data.current< res.pages) {
          ths.checkContentHeight();
        }        
        wx.hideLoading();
      }
    };
    http.request(params);
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {
    console.info("页面上拉触底事件的处理函数,当前页="+this.data.current);
    if (this.data.current < this.data.pages) {
      this.setData({
        current: this.data.current + 1
      })
      this.loadProdData()
    }
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function() {

  },
  // 检查内容高度（针对安卓设备）
  checkContentHeight() {
    const query = wx.createSelectorQuery();
    query.select('.container').boundingClientRect();
    query.selectViewport().scrollOffset();    
    query.exec((res) => {
      console.info(res);
      if (res[0] && res[1]) {
        console.info("1111111111");
        const containerHeight = res[0].height;
        const screenHeight = res[1].scrollHeight;   
        console.info("2222222222");     
        // 如果内容高度小于屏幕高度，自动加载下一页
        if (containerHeight < screenHeight && this.data.current < this.data.pages) {
          console.info("處理到：如果内容高度小于屏幕高度，自动加载下一页")
          this.setData({
            current: this.data.current + 1
          }, () => {
            this.getProdList();
          });
        }else{
          console.info("containerHeight="+containerHeight+"screenHeight="+screenHeight+"this.data.current="+this.data.current+"this.data.pages="+this.data.pages);
        }
      }
    });
  }
})